<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{fragment/headFragment :: head}"></div>
<body class="cbp-spmenu-push">
<div class="main-content">
    <!--left-fixed -navigation-->
    <div th:replace="~{fragment/left-border :: left}"></div>

    <div th:replace="~{fragment/header :: header}"></div>

    <!-- main content start 工作质量的统计-->
    <div id="page-wrapper">
        <div class="main-page">
            <div class="tables">
                <!--                <h3 class="title1">Tables</h3>-->
                <div class="col-md-2 widget" style="float:none;height: 5em;">
                    <div class="stats-left " style="height: 5em;">
                        <h4 style="color: white;padding: unset">工作会话总数：</h4>
                    </div>
                    <div class="stats-right" style="height: 5em;">
                        <label th:text="${session.workqualityCount}" style="line-height: 1em">11</label>
                    </div>
                    <div class="clearfix" style="line-height: 0.2;"> </div>
                </div>

                <!--      工作质量表          -->
                <div class="bs-example widget-shadow">
                    <h4>工作质量统计：</h4>

                    <!--搜索框-->
                    <div class="search-box" style="margin: 0 0 1em 0;">
                        <form action="/workQualityStatistics/workquality" method="get" class="input">
                            <input  class="sb-search-input input__field--madoka" placeholder="Search..." type="search" name="value" th:value="${#request.getParameter('value')}" id="input-31" />
                            <label class="input__label" for="input-31">
                                <input type="text" name="current" value="1" style="display: none">
                                <input type="text" name="size" value="6" style="display: none">
                                <svg class="graphic" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
                                    <path d="m0,0l404,0l0,77l-404,0l0,-77z"/>
                                </svg>
                            </label>
                            <input type="submit" value="提交" style="display: none">
                        </form>

                    </div><!--//end-search-box-->
                    <table class="table table-bordered"> <thead>
                    <tr> <th class="warning"  >序号</th>
                        <th class="active" >姓名</th>
                        <th class="info" >有效会话总数</th>
                        <th class="success" >已处理完的</th>
                        <th class="warning" >未处理完的</th>
                        <th class="danger" >好评</th>
                        <th class="success" >中评</th>
                        <th class="info" >差评</th>
                        <th class="active" >未评价</th>
                    </tr> </thead>
                        <tbody>
                        <tr  th:each="cs,rowInfo : ${list}">
                            <th class="warning"  scope="row" th:text="${rowInfo.count}">1</th>
                            <td class="active"  th:text="${cs.getNickname()}"></td>
                            <td class="info" th:text="${cs.getEffectivesessioncount()}"></td>
                            <td class="success" th:text="${cs.getResolved()}"></td>
                            <td class="warning" th:text="${cs.getUnsolved()}"></td>
                            <td class="danger" th:text="${cs.getGoodreview()}"></td>
                            <td class="success" th:text="${cs.getMediumreview()}"></td>
                            <td class="info" th:text="${cs.getBadreview()}"></td>
                            <td class="active" th:text="${cs.getNoreview()}"></td>
                        </tr>
                        </tbody>

                    </table>
                    <ul class="pagination pagination-lg">
                        <!--                     th:class="${#request.getParameter('current')==i}"    -->
                        <li><a th:href="@{/workQualityStatistics/workquality(value=${#request.getParameter('value')},current=${#request.getParameter('current')}-1,size=6)}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                        <li th:classappend="${(#request.getParameter('current') eq #strings.concat(i))?'active':''}" th:each="i:${#numbers.sequence(1,pagesCount)}"><a th:href="@{/workQualityStatistics/workquality(value=${#request.getParameter('value')},current=${i},size=6)}" th:text="${i}"></a></li>
                        <li><a th:href="@{/workQualityStatistics/workquality(value=${#request.getParameter('value')},current=${#request.getParameter('current')}+1,size=6)}" aria-label="Next"><span aria-hidden="true">»</span></a></li>
                    </ul>
                    <!--                    <ul class="pagination pagination-lg">-->
                    <!--                        <li><a th:href="@{/workQualityStatistics/workquality(current=${#request.getParameter('current')}-1,size=6)}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>-->
                    <!--                        <li><a th:href="@{/workQualityStatistics/workquality(current=${i},size=6)}" th:each="i  :  ${#numbers.sequence(1,pagesCount)}" th:text="${i}"></a></li>-->
                    <!--                        <li><a th:href="@{/workQualityStatistics/workquality(current=${#request.getParameter('current')}+1,size=6)}" aria-label="Next"><span aria-hidden="true">»</span></a></li>-->
                    <!--                    </ul>-->

                </div>
            </div>
        </div>
    </div>

</div>
<!-- Classie -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
        showLeftPush = document.getElementById( 'showLeftPush' ),
        body = document.body;

    showLeftPush.onclick = function() {
        classie.toggle( this, 'active' );
        classie.toggle( body, 'cbp-spmenu-push-toright' );
        classie.toggle( menuLeft, 'cbp-spmenu-open' );
        disableOther( 'showLeftPush' );
    };

    function disableOther( button ) {
        if( button !== 'showLeftPush' ) {
            classie.toggle( showLeftPush, 'disabled' );
        }
    }
</script>
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"> </script>
</body>
</html>